@extends('astron.layout')

@section('content')

    <div id="content">

        <section class="single-project-container">

            <div class="row">
                <article class="col-md-8 col-md-offset-2 single-project-content silver-bg text-left">


                    <div class="row">
                        <article class="single-project-content-inner col-md-12 white-bg text-left">
                            <h2>Vienna</h2>
                            <h3 class="sub-heading ">Vienna music campaign 2014</h3>

                            <div class="single-project-slider-wrap">

                                <!-- single-project-slider : starts -->
                                <ul class="single-project-slider bxslider">
                                    <li>
                                        <img alt="" title="" src="images/case/vienna/1.jpg" />
                                    </li>
                                    <li>
                                        <img alt="" title="" src="images/case/vienna/2.jpg" />
                                    </li>
                                   
                                </ul>
                                <!-- single-project-slider : ends -->


                            </div>

                            <h3 class="sub-heading add-top-half">Case target: </h3>
                            <p>To strengthen the city image of "The capital of music" of Vienna, inspiring the audience to think of Vienna when hearing “Blue Danube”. 
                                To establish the image for Vienna to be the first choice to travel for the Chinese tourists.</p>
                            <h3 class="sub-heading add-top-half">Insight: </h3>
                            <p>
                                It is known to all that “Blue Danube” is one of the master work of Vienna. However, most Chinese audience know the rhythm of it, 
                                but not its creation background and composer. So Astronaut made “Blue Danube” to be the cornerstone of the 
                                campaign and created an integrated marketing plan to make Vienna the first choice of destination to travel for Chinese tourists. 
                            </p>

                            <h3 class="sub-heading add-top-half">Case description: </h3>
                            <p>As the music capital in the world, Vienna is the birthplace of numerous classical music. Vienna 
                                Tourist Board hoped to strengthen the impression of Vienna through creating an online campaign in China. 
                                Astronaut created a viral video and invited users to join in the campaign on Papa website. Fans could upload their imitated music segment
                                 of “Blue Danube” to participate the campaign or shared it with friends. The preference data by the users on the campaign website was stored in 
                                the backend Spayz of Astronaut. Finally Vienna Tourist Board selected the winner of the campaign to be awarded a musical tour to Vienna.
                            </p>
                            <h3 class="sub-heading add-top-half">Promotion outcome: </h3>
                            <p>
                                The campaign got a total of 1,068,392 exposure in PaPa platform and 4,572,000 exposure in Sina Weibo platform. The total advertising exposure was 28,647,417!
                            </p>
                              <div class="single-project-blocks-wrap">
                                <div class="row">
                                    <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                            <a  class="venobox" data-gall="portfolio-gallery" href="images/case/vienna/3.jpg">
                                                <img alt="" title="" class="img-responsive" src="images/case/vienna/3.jpg" />
                                                <div class="zoom-icon-wrap"></div>
                                            </a>
                                        </div>
                                    </article>

                                    <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                            <a  class="venobox" data-gall="portfolio-gallery" href="images/case/vienna/4.jpg">
                                                <img alt="" title="" class="img-responsive" src="images/case/vienna/4.jpg" />
                                                <div class="zoom-icon-wrap"></div>
                                            </a>
                                        </div>
                                    </article>
                                </div>

                            </div>
                            <h3 class="sub-heading add-top-half">Service</h3>
                            <h4 class="sub-heading add-top-half" style="margin-top: 20px;">Analytics</h4>
                            <p><b>Marketing monitoring:</b></p>
                            <p >- Social campaigns</p>
                            <p>- ATL campaigns</p>
                            <p >- Offline events</p>
                            <p><b>Lead generation:</b></p>
                            <p>- Sales leads</p>
                            <p >- Influencers</p>
                        </article>
                    </div>

                </article>
            </div>


        </section>
        <!-- about-container ends -->

        <section class="container color-bg text-center">

            <div class="row">

                <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
                    <h3 class="main-heading white">Like to work with us?</h3>
                    <div class="trigger-button add-top-quarter">
                        <a href="/contact" class="btn btn-reflex btn-reflex-dark white">CONTACT US</a>
                    </div>
                </article>
            </div>

        </section>




    </div>
    <!-- end content -->

    <footer class="container master-footer">
        <div class="row">
            <article class="col-md-6  text-left white-bg" id="map">
                <img src="images/map.png" alt=""/>
            </article>

            <article class="col-md-6 footer-column text-left white-bg">
                <h3>Contact Us</h3>
                <ul class="foot-links">
                    <li><p>Room 420, Building B, Gehua Tower, No.1 Qinglong Hutong,
                            Beixiaojie, Dongzhimen, Dongcheng District, Beijing, P.R.China</p></li>
                    <li><p>Tel+86(0) 1084186659</p></li>
                    <li><p>Fax+86(0) 1084186659</p></li>
                </ul><br>
                <h3>Social Media</h3>
                <div class="contact-li">
                    <ul class="social-wrap">
                        <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                        <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>

                    </ul>
                </div>
            </article>
        </div>
        <div class="row">
            <article class="col-md-12">
                <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
            </article>
        </div>
    </footer>
    <!-- Core JS Libraries -->
    <script src="bootstrap/js/jquery.js" type="text/javascript"></script>
    <script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap.js" ></script>
    <!-- JS Plugins -->
    <script src="javascripts/device.min.js"></script>
    <script src="javascripts/modernizr.js" type="text/javascript"></script>
    <script src="javascripts/retina.js" type="text/javascript"></script>
    <script src="javascripts/responsive-nav.js" type="text/javascript"></script>
    <script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
    <script src="javascripts/owl.carousel.js" ></script>
    <script src="javascripts/jquery.parallax-1.1.3.js" ></script>
    <script src="javascripts/equalheights.js" ></script>
    <script src="javascripts/jquery.bxslider.min.js"></script>
    <script src="javascripts/jquery.tweet.js"></script>
    <script src="javascripts/jquery.slimmenu.min.js"></script>
    <script src="javascripts/venobox.min.js"></script>
    <!-- JS Custom Codes -->
    <script src="javascripts/equalheights-init.js" ></script>
    <script src="javascripts/hiding-nav.js"></script>
    <script src="javascripts/carousel-init.js"></script>
    <script src="javascripts/parallax-init.js"></script>
    <script src="javascripts/services-init.js"></script>
    <script src="javascripts/venobox-init.js"></script>
    <script src="javascripts/pace.min.js" ></script>
    <script src="javascripts/main.js" ></script>

    <script>

        $(document).ready(function(){
            $('.bxslider').bxSlider({
                preloadImages: 'visible',
                touchEnabled: true,
                responsive: true,
                pager: false,
                controls: true
            });
        });

    </script>
@stop